<template>
  <view>
    <view class="row">
      <view class="mod mod-house-type">

            <view class="hd" @click="unit()">
                <h2>户型({{allnum}})</h2>
                <view class="more">
                    <!-- <img src="@/static/img00/icon_right.png" alt=""> -->
                    查看全部
                </view>
            </view>
    

            <hxele :jdata="jdata" :loupan_id="loupan_id"></hxele>

        
            <!-- 留电 版本3.10 降低跳出率 -->
            <view class="tel-bg-bn">
                <view class="bg-wrap">
                    <view class="julive_m_four_zero_zero" >
                        <view class="bn-box-r">
                            <!-- <img src="@/static/img00/bn.png" /> -->
                        </view>
                    </view>

                    <view class="bn-box-l">
                        <!-- <img class="lazy" src="@/static/img00/dh.png" /> -->
                    </view>

                    <view class="bn-box-c">
                        <p class="tel-num">400-831-0818</p>
                        <p class="hot-line">拨打热线，免费提供专属楼盘分析</p>
                    </view>
                    
                </view>
            </view>
        </view>
    </view>
  </view>
</template>

<script>
    import Hxele from 'pages/index/details/Hxele'

export default {

    components:{
        Hxele,
    },
	props: {
		jdata:{
			// type: Array,
			required: true,
		},
		allnum:{
			type:Number
		},
		loupan_id:{}
	},
  data() {
    return {
        msg:10

    };
  },

  methods: {
        unit(loupan_id){
            this.$common.navigateTo("/pages/index/Unit/Unit?loupan_id="+loupan_id);
        },
      
  },
};
</script>



<style scoped>
    .row{
        margin-top: 20rpx;
        background: #fff;
    }
    .mod{
        padding-top: 40rpx;
        margin-left: 40rpx;
    }

    .hd{
        height: 60rpx;
    }

    h2{
        float: left;
    }
    .more{
        float: right;
        color: #a9bacf;
        margin-top: 14rpx;
    }

    .more>img{
        height: 30rpx;
        width: 30rpx;
        float: right;
        margin-top: 6rpx;
        margin-right: 40rpx;
    }

    .tel-bg-bn{
        height: 188rpx;
        /* background: red; */
    }
    .bg-wrap{
        height: 150rpx;
        width:670rpx;
        background: #d7f5ff;
    }
    .bn-box-r{
        height: 150rpx;
        width: 120rpx;
        float: left;
    }
    .bn-box-r>img{
        height: 100%;
        width: 100%;
    }
    .bn-box-l{
        height: 106rpx;
        width: 106rpx;
        float:right;
        margin-top: 20rpx;
        margin-right: 20rpx;
    }
    .bn-box-l>img{
        height: 100%;
        width: 100%;
    }

    .bn-box-c{
        height: 120rpx;
        width: 406rpx;
        float: left;
        text-align: center;
        margin-top: 24rpx;
    }
    .tel-num{
        height: 64rpx;
        width: 406rpx;
        font-size: 44rpx;
        color: #13c3c3;
        line-height: 64rpx;
    }
    .hot-line{
        height: 33rpx;
        font-size: 24rpx;
        color: #13c3c3;
    }
</style>
